<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas id="aa" width="420px" height="420px" style="border: 3px pink double;"></canvas>
		<script type="text/javascript">
			var canvas=document.getElementById('aa');
			var bb=canvas.getContext('2d');
			function draw(x,y,len,color){
				bb.fillStyle=color;
				bb.fillRect(x,y,len,len);
			}
			setTimeout("draw(10,10,100,'pink')",1000);
			setTimeout("draw(110,110,100,'blue')",3000);
			setTimeout("draw(210,210,100,'yellow')",5000);
			setTimeout("draw(310,310,100,'red')",7000); 	
		</script>
	</body>
</html>
